<template>
  <div class="help-page">
    <h2>产品申请使用指南</h2>
    <div class="content">
      <h3>一、获取产品二维码</h3>
      <p>1.1、联系客服人员获取您要申请的产品的二维码，并用支付宝客户端扫描二维码，二维码效果图1-1如下：</p>
      <div>
        <div>
          <img src="../../static/image/test.jpg" alt>
        </div>
        <p>1-1（示例二维码请勿扫描</p>
      </div>
    </div>
    <div class="content">
      <h3>二、申请产品</h3>
      <div>
        <p>2.1、用支付宝客户端扫描产品二维码，后会自动跳转到产品申请界面，如下图所示：</p>
        <div>
          <div>
            <img src="../../static/image/apply.jpg" alt>
          </div>
          <p>2-1 申请产品界面截图</p>
        </div>
      </div>
      <div>
        <p>2.2、申请产品信息填写完毕后，阅读并同意《支付宝预授权须知》后，点击“确认申请”按钮，界面自动跳转到“免押租赁服务授权”界面，如下图2-2所示， 阅读并同意服务协议后，点击“免押租赁服务授权”按钮，即可享受免押金服务。</p>
        <div>
          <div>
  <img src="../../static/image/confirm.jpg" alt>         
   </div>
          <p>2-2 免押租赁服务授权</p>
        </div>
      </div>

      <div>
        <p>2.3、授权结束后会弹出押金减免提示框，如果提示商家为你“减免押金”（如下图2-3-1所示），则支付时免押金；如果提示暂无法为你“减免押金”（如下图2-3-2所示），则预授权支付界面需要支付押金。</p>
        <div>
          <div>
                <img src="../../static/image/pay_2.jpg" alt>  
          </div>
          <p>2-3-1 免押租赁服务授权</p>

          <div>
            <img src="../../static/image/pay_1.jpg" alt>     
          </div>
          <p>2-3-2 免押租赁服务授权</p>
        </div>
      </div>

      <div>
        <p>2.4、免押授权验证结束后，会跳转到支付界面，点击确认，本次申请完成</p>
        <div>
        
        </div>
      </div>
    </div>
    <div class="content">
      <h3>三、订单查询</h3>
      <div>
        <p>3.1、在“确认信息”界面，仔细阅读租借物品、租借、押金、芝麻服务协议等信息无误后，点击“提交申请”， 系统自动跳转到“个人中心”界面，“个人中心”界面可以查看所有申请的订单，界面截图如3-1所示</p>
        <div>
          <div>
             <img src="../../static/image/center.jpg" alt> 
          </div>
          <p>3-1 个人中心界面截图</p>
        </div>
      </div>
        <div>
        <p>3.2、在“个人中心”界面可以取消申请产品，当产品还没邮寄之前，如想取消申请商品，可点击“取消”按钮取消。界面截图如3-2所示</p>
        <div>
          <div>
            <img src="http://service.wangliansz.com/pos/images/help/zhifubao.png" alt>
          </div>
          <p>3-2 取消订单界面截图</p>
        </div>
      </div>
      <div>
        <p>3.3、至此，整个申请产品的过程已经完成。接下来您需要耐心等待服务人员把相关产品邮寄给您， 您收到产品后并请及时使用产品。如有疑问，请咨询服务人员。</p>
        <div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  mounted() {},
  methods: {}
};
</script>

<style scoped>
.help-page {
  font-size: 15px;
  line-height: 24px;
  padding: 20px 16px;
  color: #333;
  background: #fff;
}
.help-page h2 {
  font-size: 24px;
  font-weight: 500;
  color: #333;
  line-height: 32.5px;
  text-align: center;
  margin-bottom: 20px;
}
.content {
  margin-bottom: 20px;
}
.content h3 {
  padding-bottom: 10px;
  font-size: 15px;
  font-weight: normal;
}
.content p {
  padding-bottom: 10px;
  font-size: 15px;
  margin-bottom: 20px;
}
.content div div img {
  width: 200px;
  height: 200px;
  margin: 0 auto 20px;
  display: block;
}
.content div p {
  text-align: center;
}
</style>


      